<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/plantillas/plantillaPrincipal.xhtml">
	<ui:define name="contenido">
		<f:view>
			<h:form id="formulario">
				<p:panel header="Registrar letra por pagar" style="width:70%;margin:10px auto;">
				<center>	
					<p:fieldset legend="Datos Generales" style="width:70%">
						<p:panelGrid id="panelletraPorPagar" cellpadding="2" style="width:100%;margin: 10px auto;">
							<p:row>
								<p:column styleClass="styleAlignRightColumn">
									<h:outputLabel id="lblEstado" value="Estado" />
								</p:column>
								<p:column styleClass="styleAlignLeftColumn">
									<p:selectOneMenu id="cbxEstadoLetra"  disabled="true"  style="width: 200px"  
										value="#{BKLetraPorPagar.estadoSeleccionado}">
										<f:selectItems value="#{BKLetraPorPagar.comboEstadoLetras}"/>
									</p:selectOneMenu>
								</p:column>
							</p:row>
							<p:row>
								<p:column styleClass="styleAlignRightColumn">
									<h:outputLabel id="lblProveedor" value="Proveedor" />
								</p:column>
								<p:column styleClass="styleAlignLeftColumn">
									<p:selectOneMenu id="cbxProveedor" style="width: 200px"
										value="#{BKLetraPorPagar.proveedorSeleccionado.id}"
										disabled="#{BKLetraPorPagar.comboProveedores eq null?'true':'false'}">
										<f:selectItems value="#{BKLetraPorPagar.comboProveedores}"/>
									</p:selectOneMenu>
								</p:column>
							</p:row>
							<p:row>
								<p:column styleClass="styleAlignRightColumn">
									<h:outputLabel id="lblnroLetra" value="Nro de Letra(*)" />
								</p:column>
								<p:column styleClass="styleAlignLeftColumn">
									<p:inputText id="txtNroLetra"
										style="width: 60%" maxlength="30"
										value="#{BKLetraPorPagar.numeroLetra}" />
									<p:message for="txtNroLetra" />
								</p:column>
							</p:row>
							<p:row>
								<p:column styleClass="styleAlignRightColumn">
									<h:outputLabel id="lblTipoMoneda" value="Tipo de Moneda" />
								</p:column>
								<p:column styleClass="styleAlignLeftColumn">
									<p:selectOneMenu id="cbxTipomoneda" style="width: 200px"
										value="#{BKLetraPorPagar.tipoMonedaSeleccionado.id}"
										disabled="#{BKLetraPorPagar.comboTipoMonedas eq null?'true':'false'}">
										<f:selectItems value="#{BKLetraPorPagar.comboTipoMonedas}"/>
									</p:selectOneMenu>
								</p:column>
							</p:row>
						</p:panelGrid>
					</p:fieldset>
					</center>
					
					<p:panelGrid id="panelbuscaFacturas" styleClass="styleAlignCenterColumn" columns="1" cellpadding="1" style="width:100%;margin:10px auto;" >
							<p:row>
								<p:column styleClass="styleAlignCenterColumn" colspan="2">
									<p:commandButton id="btnBuscarFactSinPagar" actionListener="#{MBLetraPorPagar.buscarListaFacturasPorPagar}"
										value="BUSCAR FACTURAS SIN PAGAR" icon="ui-icon-search" update="formulario:dataTablaFacturasPorPagar"
										style="font-size: 12px;" />
								</p:column>
							</p:row>
							<p:row>
								<p:column colspan="2">
									<p:dataTable id="dataTablaFacturasPorPagar" var="facturaPorPagar"
										value="#{BKLetraPorPagar.letraPorPagarModel}"
										widgetVar="listaLetras"
										emptyMessage="No se encontraron letras disponibles"
										rowIndexVar="rowIndex" paginator="true"
										rows="10"
										paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} 
	                                     {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
										rowsPerPageTemplate="10"
										selection="#{BKLetraPorPagar.facturasSeleccionadas}">
										
										<p:ajax event="rowSelectCheckbox" listener="#{MBLetraPorPagar.selectFactura}" update=":formulario:txtTotal"/>
  										<p:ajax event="rowUnselectCheckbox" listener="#{MBLetraPorPagar.selectFactura}" update=":formulario:txtTotal"/>
	 
										<p:columnGroup type="header">
											<p:row>
												<p:column headerText=""/>
												<p:column headerText="Item"/>
												<p:column headerText="Nro. de Factura"/>
												<p:column headerText="Fecha Emision"/>
												<p:column headerText="Total"/>
											</p:row>
										</p:columnGroup>
										
										<p:column selectionMode="multiple" style="width:2%"/>

										<p:column id="idColumnaNum" style="width: 5%" paginator="true" styleClass="styleAlignCenterColumn"
											rows="10" headerText="Item">
											<h:outputText value="#{rowIndex+1}" />
										</p:column>

										<p:column id="idColumnaNumFactura" style="width: 25%" paginator="true" rows="10" styleClass="styleAlignRightColumn">
											<h:outputText value="#{facturaPorPagar.numeroFactura}" />
										</p:column>

										<p:column id="idColumnaFecEmision" style="width: 25%" paginator="true" rows="10" styleClass="styleAlignCenterColumn">
											<h:outputText value="#{facturaPorPagar.fecEmision}">
												<f:convertDateTime type="date" pattern="dd-MM-yyyy"/>
											</h:outputText>
										</p:column>

										<p:column id="idColumnaTotal" style="width: 25%" paginator="true" rows="10" styleClass="styleAlignRightColumn">
											<h:outputText value="#{facturaPorPagar.total}">
												<f:convertNumber pattern="#,##0" locale="#{BKLetraPorPagar.locale}"/>
											</h:outputText>
										</p:column>
									</p:dataTable>
								</p:column>
							</p:row>
							<p:row>
								<p:column colspan="2">
									<p:panelGrid cellpadding="2" style="width:100%;margin: 10px auto;">
										<p:row>
											<p:column styleClass="styleAlignRightColumn">
												<h:outputLabel id="lblTotal" value="Total" />
											</p:column>
											<p:column styleClass="styleAlignLeftColumn">
												<p:inputText id="txtTotal" required="true" value="#{BKLetraPorPagar.montoTotal}"
													style="width: 40%" maxlength="30" readonly="true" />
												<p:message for="txtTotal" />
											</p:column>
										</p:row>
										<p:row>
											<p:column styleClass="styleAlignRightColumn">
												<h:outputLabel id="lblBanco" value="Banco" />
											</p:column>
											<p:column styleClass="styleAlignLeftColumn">
												<p:selectOneMenu id="cbxBanco" style="width: 200px"
													value="#{BKLetraPorPagar.bancoSeleccionado}">
													<f:selectItems value="#{BKLetraPorPagar.comboBancos}"/>
												</p:selectOneMenu>
											</p:column>
										</p:row>
										<p:row>
											<p:column styleClass="styleAlignRightColumn">
												<h:outputLabel id="lblFecVenc" value="Fecha de Vencimiento" />
											</p:column>
											<p:column styleClass="styleAlignLeftColumn">
												<p:calendar id="calendarPopup" showOn="button" value="#{BKLetraPorPagar.registrarFechaVencimiento}" />
											</p:column>
										</p:row>
									</p:panelGrid>
								</p:column>
							</p:row>
							<p:row>
								<p:column styleClass="styleAlignRightColumn">
									<p:commandButton id="btnAceptar" value="Guardar" action="#{MBLetraPorPagar.guardar}" style="font-size: 12px" />
								</p:column>
								<p:column styleClass="styleAlignLeftColumn">
									<p:commandButton id="btnCancelar" value="Cancelar" action="#{MBLetraPorPagar.cancelar}" style="font-size: 12px" ajax="true"/>
								</p:column>
							</p:row>
					</p:panelGrid>
				</p:panel>
			</h:form>

		</f:view>
	</ui:define>

</ui:composition>
</html>